<template>
  <div class="warpper">
    <a-button @click="handleLogin">游客登录</a-button>
  </div>
  <!-- <baidu-map class="map" :center="{ lng: 118.454, lat: 32.955 }" :zoom="15">
  </baidu-map> -->

  <!-- https://www.cnblogs.com/scode2/p/12103271.html -->
  <!-- https://blog.csdn.net/weixin_45161039/article/details/112262625 -->
  <!-- https://vue-mapvgl.guyixi.cn/zh-cn/component/view/view.html#%E5%9F%BA%E7%A1%80%E7%A4%BA%E4%BE%8B -->
  <!-- https://developer.qiniu.com/kodo/sdk/nodejs -->
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  components: {},
  emits: ['handleLogin'],
  setup(props, { emit }) {
    const handleLogin = () => {
      emit('handleLogin');
    };
    return { handleLogin };
  },
});
</script>
<style lang="less" scoped>
.warpper {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  .content {
  }
}
.map {
  width: 400px;
  height: 300px;
}
</style>
